<template>
  <div class="pblmInfo-container" @click.stop="()=>{}">
    <Dialogdrawerdefect
      :ddtvisible="dialogVisible"
      size="505px"
      :has-modal="false"
      :modal="false"
      @close="handleClose"
      :title="`问题详情【${formData?formData.createTime:''}】`">
      <div class="col-right" v-loading="loading">
        <el-form inline class="rule-form" ref="form" :model="formData" v-if="formData">
          <el-form-item label="医院名称:" prop="hospitalName" class="short-input">
            <el-input v-model="formData.hospitalName" readonly></el-input>
          </el-form-item>
          <el-form-item label="问题状态:" prop="problemType" class="short-input">
            <div style="width: 200px;">
              <el-tag v-if="formData.state === 1" type="success" size="mini">已处理</el-tag>
              <el-tag v-else type="danger" size="mini">未处理</el-tag>
            </div>
          </el-form-item>
          <el-form-item label="问题类型:" prop="problemType" class="short-input">
            <el-input v-model="formData.problemType" readonly></el-input>
          </el-form-item>
          <el-form-item label="处理用户:" prop="handlerUser" class="short-input">
            <el-input v-model="formData.handlerUser" readonly></el-input>
          </el-form-item>
          <el-form-item label="提交用户:" prop="operateUser" class="short-input">
            <el-input v-model="formData.operateUser" readonly></el-input>
          </el-form-item>
          <el-form-item label="处理时间:" prop="handlerDate" class="short-input">
            <el-input v-model="formData.handlerDate" readonly></el-input>
          </el-form-item>
          <el-form-item label="申请单号:" prop="ticketId" class="short-input">
            <el-input v-model="formData.ticketId" readonly></el-input>
          </el-form-item>
          <el-form-item label="申请医院:" prop="applyHospitalName" class="short-input">
            <el-input v-model="formData.applyHospitalName" readonly></el-input>
          </el-form-item>
          <el-form-item label="患者:" prop="name" class="short-input">
            <el-input v-model="formData.name" readonly></el-input>
          </el-form-item>
          <el-form-item label="申请科室:" prop="sqdep" class="short-input">
            <el-input v-model="formData.sqdep" readonly></el-input>
          </el-form-item>
          <el-form-item label="患者类型:" prop="patType" class="short-input">
            <el-input v-model="formData.patType" readonly></el-input>
          </el-form-item>
          <el-form-item label="申请医生:" prop="doctor" class="short-input">
            <el-input v-model="formData.doctor" readonly></el-input>
          </el-form-item>
          <el-form-item label="患者电话:" prop="telephone" class="short-input">
            <el-input v-model="formData.telephone" readonly></el-input>
          </el-form-item>
          <el-form-item label="预约来源:" prop="appointmentType" class="short-input">
            <el-input v-model="formData.appointmentType" readonly></el-input>
          </el-form-item>
          <el-form-item label="金额:" prop="price" class="short-input">
            <el-input v-model="formData.price" readonly></el-input>
          </el-form-item>
          <el-form-item label="检查设备:" prop="modality" class="short-input">
            <el-input v-model="formData.modality" readonly></el-input>
          </el-form-item>
          <el-form-item label="住院号:" prop="inpatientId" class="short-input">
            <el-input v-model="formData.inpatientId" readonly></el-input>
          </el-form-item>
          <el-form-item label="检查项目:" prop="checkpos" class="short-input">
            <el-input v-model="formData.checkpos" readonly></el-input>
          </el-form-item>
          <el-form-item label="床号:" prop="bedno" class="short-input">
            <el-input v-model="formData.bedno" readonly></el-input>
          </el-form-item>
          <el-form-item label="检查部位:" prop="dengjipart" class="short-input">
            <el-input v-model="formData.dengjipart" readonly></el-input>
          </el-form-item>
          <el-form-item label="性别:" prop="sex" class="short-input">
            <el-input v-model="formData.sex" readonly></el-input>
          </el-form-item>
          <el-form-item label="病区:" prop="wardno" class="short-input">
            <el-input v-model="formData.wardno" readonly></el-input>
          </el-form-item>
          <el-form-item label="年龄:" prop="age" class="short-input">
            <el-input v-model="formData.age" readonly></el-input>
          </el-form-item>
          <el-form-item label="申请单开单时间:" prop="applyDatetime" class="short-input">
            <el-input v-model="formData.applyDatetime" readonly></el-input>
          </el-form-item>
          <el-form-item label="最近可预约日期:" prop="appointmentDate" class="short-input">
            <el-input v-model="formData.appointmentDate" readonly></el-input>
          </el-form-item>
          <el-form-item label="创建时间:" prop="createTime" class="short-input">
            <el-input v-model="formData.createTime" readonly></el-input>
          </el-form-item>
          <el-form-item label="就诊流水号:" prop="jiuzhenjllsh" class="short-input">
            <el-input v-model="formData.jiuzhenjllsh" readonly></el-input>
          </el-form-item>
          <el-form-item label="临床诊断:" prop="clinicend" class="long-input">
            <el-input v-model="formData.clinicend" type="textarea" readonly></el-input>
          </el-form-item>
        </el-form>
        <div class="buttons">
          <div class="right-buttons">
            <el-button size="small" @click="handleClose">关 闭</el-button>
          </div>
        </div>
      </div>
    </Dialogdrawerdefect>
  </div>
</template>
<script>
import Dialogdrawerdefect from '@/components/dialogbox/dialogDrawerDefect'
export default {
  name: 'InfoDialog',
  components: {
    Dialogdrawerdefect
  },
  data() {
    return {
      dialogVisible: false,
      formData: {},
      allContentArr: [],
      loading: false
    }
  },
  methods: {
    handleClose() {
      this.dialogVisible = false
    },
    show(data) {
      this.dialogVisible = true
      this.formData = null
      this.$nextTick(() => {
        this.formData = { ...data }
      })
    }
  }
}
</script>
<style lang="scss" scoped>
.col-right{
        border-left: 1px solid #e5e5e5;
        padding: 0px 20px 47px;
        color: #606266;
        background-color: #FFFFFF;
        .short-input{
            width: 200px;
            margin-right: 23px!important;
            margin-bottom: 5px;
            .el-input{
                width: 200px;
            }
        }
        .mini-input{
            width: 185px;
            margin-right: 15px !important;
            margin-bottom: 5px;
            .el-input{
                width: 185px;
            }
        }
        .large-width{
            width: 424px;
            /deep/ .el-textarea__inner{
                width: 424px;
            }
        }
        .long-input{
            width: 100%;
            margin-right: 19px!important;
            margin-bottom: 3px;
            /deep/ .el-textarea__inner,.el-input{
                width: 425px;
            }
        }
        .describe-input{
            width: 350px;
            .el-input{
                width: 350px;
            }
        }
        .name{
            font-weight: bold;
        }
        .el-form--inline .el-form-item{
            margin-right:0px
        }
        .buttons{
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background: #fff;
            padding: 5px 25px;
            border-top: 1px solid #E5E7EC;
            line-height: 31px;
            /deep/ .el-form-item__content{
                width:100%
            }
            .right-buttons{
                float:right
            }
            .el-dropdown{
                color: #00c0ef;
            }
        }
        .text-block{
            background: #f5f5f5;
            padding: 0 10px;
            margin-top: 10px;
        }
        .content-block{
           padding: 0 10px;
        }
    }
</style>
